<!-- <nz-tab>
    <ng-template #nzTabHeading>
        年保
    </ng-template> -->
<div class="half">
  <nz-tabset [nzTabPosition]="'left'" style="height:300px">
    <nz-tab>
      <ng-template #nzTabHeading>
        主接触器
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.mainContactor&&showBean.mainContactor.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.mainContactor&&showBean.mainContactor.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            工作可靠
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.mainContactor?showBean.mainContactor.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.mainContactor">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.mainContactor.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> 
            </div>
          </div>
          </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        主机速度检测功能
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.hostSpeedDetection&&showBean.hostSpeedDetection.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.hostSpeedDetection&&showBean.hostSpeedDetection.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            功能可靠，清洁感应面、感应间隙符合制造单位要求
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.hostSpeedDetection?showBean.hostSpeedDetection.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.hostSpeedDetection">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.hostSpeedDetection.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> 
            </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        电缆
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.cable&&showBean.cable.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.cable&&showBean.cable.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            无破损，固定牢固
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.cable?showBean.cable.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.cable">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.cable.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        扶手带托轮、滑轮群、 防静电轮
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.handrailWheel&&showBean.handrailWheel.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.handrailWheel&&showBean.handrailWheel.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            清洁，无损伤，托轮转动平滑
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.handrailWheel?showBean.handrailWheel.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.handrailWheel">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.handrailWheel.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        扶手带内侧凸缘处
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.armrestInnerFlange&&showBean.armrestInnerFlange.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.armrestInnerFlange&&showBean.armrestInnerFlange.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            无损伤，清洁扶手导轨滑动面
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.armrestInnerFlange?showBean.armrestInnerFlange.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.armrestInnerFlange">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.armrestInnerFlange.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        扶手带断带保护开关
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.handrailBreakingProtective&&showBean.handrailBreakingProtective.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.handrailBreakingProtective&&showBean.handrailBreakingProtective.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            功能正常
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.handrailBreakingProtective?showBean.handrailBreakingProtective.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.handrailBreakingProtective">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.handrailBreakingProtective.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        扶手带导向块和导向轮
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.HandrailGuideblockGuidewheel&&showBean.HandrailGuideblockGuidewheel.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.HandrailGuideblockGuidewheel&&showBean.HandrailGuideblockGuidewheel.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            清洁，工作正常
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.HandrailGuideblockGuidewheel?showBean.HandrailGuideblockGuidewheel.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.HandrailGuideblockGuidewheel">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.HandrailGuideblockGuidewheel.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        进入梳齿板处的梯级与 导轮的轴向窜动量
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.innerMomentum&&showBean.innerMomentum.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.innerMomentum&&showBean.innerMomentum.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            符合制造单位要求
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.innerMomentum?showBean.innerMomentum.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.innerMomentum">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.innerMomentum.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        内外盖板连接
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.inoutPlateConnection&&showBean.inoutPlateConnection.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.inoutPlateConnection&&showBean.inoutPlateConnection.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            紧密牢固，连接处的凸台、缝隙符合制造单位要求
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.inoutPlateConnection?showBean.inoutPlateConnection.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.inoutPlateConnection">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.inoutPlateConnection.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        围裙板安全开关
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.apronplateSafetySwitch&&showBean.apronplateSafetySwitch.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.apronplateSafetySwitch&&showBean.apronplateSafetySwitch.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            测试有效
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.apronplateSafetySwitch?showBean.apronplateSafetySwitch.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.apronplateSafetySwitch">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.apronplateSafetySwitch.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        围裙板对接处
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.apronplateButtJoint&&showBean.apronplateButtJoint.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.apronplateButtJoint&&showBean.apronplateButtJoint.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            紧密平滑
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.apronplateButtJoint?showBean.apronplateButtJoint.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.apronplateButtJoint">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.apronplateButtJoint.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
        <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab>
      <ng-template #nzTabHeading>
        电气安全装置
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.electricalSafetyDevice&&showBean.electricalSafetyDevice.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.electricalSafetyDevice&&showBean.electricalSafetyDevice.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            动作可靠
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.electricalSafetyDevice?showBean.electricalSafetyDevice.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.electricalSafetyDevice">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.electricalSafetyDevice.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
        <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">提交</button>
          </div>
        </div>
      </div>
    </nz-tab>
    <!-- <nz-tab>
      <ng-template #nzTabHeading>
        设备运行状况
        <i style="color:red" class="anticon anticon-close" *ngIf="showBean.yearEquipmentOperationStatus&&showBean.yearEquipmentOperationStatus.isOk==0"></i>
        <i style="color:green" class="anticon anticon-check" *ngIf="showBean.yearEquipmentOperationStatus&&showBean.yearEquipmentOperationStatus.isOk==1"></i>
      </ng-template>
      <div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>要求</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            正常，梯级运行平稳，无异常抖动，无异常声响
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>备注</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            {{showBean.yearEquipmentOperationStatus?showBean.yearEquipmentOperationStatus.remark:""}}
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
            <label>照片</label>
          </div>
          <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
            <div *ngIf="showBean.yearEquipmentOperationStatus">
              <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.yearEquipmentOperationStatus.picUrl "
                src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" /> </div>

          </div>
        </div>
      </div>
    </nz-tab> -->
  </nz-tabset>
  </div>
  <ng-template #titlepic>
    <span>图片</span>
  </ng-template>
  <ng-template #contentpic>
    <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
  </ng-template>
  <ng-template #footerpic>
    <div>
    </div>
  </ng-template>
  <!--
        </nz-tab> -->
